<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
    <script type="module">
        // 所有暴露数据都保存在m1
        import * as m1 from "./module.js"
        import * as m2 from "./module1.js"
        import * as m3 from "./module2.js"
        console.log(m1);
        console.log(m2);
        // 与上面的几个不同的是，默认暴露的模块，所有在
        // default 下命名的属性，都是在 m3.default 下面
        console.log(m3);

        /*
             以上是通用方式的导入

        */

        // 解构赋值形式
        import {school,teach} from "./module1.js";
        // 有重名的情况，那就设置别名
        import {school as school1} from './module1.js';
        // default 名字
        import {default as d} from './module2.js';

        // 简便形式 ，只针对默认暴露
        import m4 from './module2.js';

    </script>

</body>

</html>